<html>
  <head> 
    <title>Login</title>  
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="Login Page">
	<script type="text/javascript" src="JavaScript/jquery-1.6.4.js"></script>
    <script type="text/javascript" src="JavaScript/jquery.validate.js"></script>
    <script type="text/javascript" src="JavaScript/jquery.metadata.js"></script>
 	<script type="text/javascript">
 	$(function(){  
 		$("#form1").validate({
 			rules:{
 				username:{
 					required:true,
 					maxlength:6
 				},
 				password:{
 					required:true
 				}
 			}
 		});
 	});
 	</script>
  </head>
  
  <body> 
    <form id="form1" action="Login/login.action" method="post">
    <table>
        <tr>
            <td>UserName</td>
            <td><input type="text" class="required" name="username" id="username" /></td>
        <tr>
        <tr>
            <td>Password</td>
            <td><input type="password" name="password" id="password" /></td>
        </tr>
        <tr>
            <td colspan="2"><input type="submit" value="Login" /></td>
        </tr>
    </table>
</form>
  </body>
</html>

